<template>
  <div>
    <h1>test page!</h1>
    <hr>
    <article-add></article-add>
    <hr />
    <article-item></article-item>
    <hr>
    <picture-card :data="data"></picture-card>
    <hr>
    <upload></upload>
    <div class="pink" @mouseenter="handleMouseEnter"></div>
  </div>
</template>
<script>
import PictureCard from "@/components/PictureCard.vue";
import Upload from "@/components/Upload/Upload.vue";
import ArticleAdd from "@/components/Article/ArticleAdd.vue";
export default {
  components: { PictureCard,Upload,ArticleAdd },
  data() {
    return {
      data: {
        sId: 0,
        sPath:
          "source\\2022-10\\133097053859747264.jpg",
        sUpdateTime: "2022-10-07",
        sName: "这里是图片名称这里是图片名称",
      },
    };
  },
  methods: {
    handleMouseEnter() {
      console.log("enter");
    },
    handleMouseEnter1() {
      console.log("enter");
    },
  },
};
</script>
<style scoped>
.pink {
  width: 300px;
  height: 300px;
  background-color: pink;
}
</style>